;$(function () {
    // 第一次需要先加载一次
    lazyLoad();
    $(window).scroll(lazyLoad);
    function isInSight(el) {
        //获取元素的offsettop、left、right、bottom
        const bound = el.getBoundingClientRect();
        const clientHeight = $(window).height(); // 可视区高度
        return bound.top <= clientHeight + 100; // 这里有个+100是为了提前加载。
    }
    function lazyLoad() {
        $.each($('.box img'), (index,item)=>{
            if(isInSight(item)) {
                $(item).attr('src', $(item).attr('data-src'));
            }
        });
    }
});